Top Navigation

Top Navigation (Top Bar / Horizontal Navigation) is one of the two most popular kinds of site navigation menu design patterns.

It’s used most frequently as the primary site navigation menu, and is most commonly located either directly above or directly below the site header of all web pages in a site.

ARIA

<header> <nav aria-label="Site Navigation"> <ol role="menubar"> <li role="none"> <a role="menuitem" href="/" aria-current="page">Home</a> </li> <li role="none"> <a role="menuitem" href="about.html">About</a> </li> <li role="none"> <a role="menuitem" href="contact.html">Contact</a> </li> </ol> </nav> </header>

To Do